<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-3.2.0.min.js"></script>
    <script>
        $(function(){
            $('#liaaa').hover(
                    function(){
                        $('#gedi_show').show();
                        $('#liaaa').addClass('on');
                    },
                    function(){
                        $('#gedi_show').hide();
                        $('#liaaa').removeClass('on');
                    }
            );
            $('#gedi_show').hover(
                    function(){
                        $('#gedi_show').show();
                        $('#liaaa').addClass('on');
                    },
                    function(){
                        $('#gedi_show').hide();
                        $('#liaaa').removeClass('on');
                    }
            );
            $('#zjg').hover(
                    function(){
                        $('#zjg_show').show();
                        $('#zjg').addClass('on');
                    },
                    function(){
                        $('#zjg_show').hide();
                        $('#zjg').removeClass('on');
                    }
            );
            $('#zjg_show').hover(
                    function(){
                        $('#zjg_show').show();
                        $('#zjg').addClass('on');
                    },
                    function(){
                        $('#zjg_show').hide();
                        $('#zjg').removeClass('on');
                    }
            );
            $('#gwc-box').hover(
                    function(){
                        $('#gwc').show();
                    },
                    function(){
                        $('#gwc').hide();
                    }
            );
            $('#oAs_box').hover(
                    function(){
                        $('#oAs_show').show();
                    },
                    function(){
                        $('#oAs_show').hide();
                    }
            );
            $('#dd1').hover(
                    function(){
                        $('#x1').show();
                        $('#dd1 i').hide();
                        $('#dd1').addClass('xq-bg');
                        $('#dd1 a').css({color:'#2DB59C'});
                    },
                    function(){
                        $('#x1').hide();
                        $('#dd1 i').show();
                        $('#dd1').removeClass('xq-bg');
                        $('#dd1 a').css({color:'#FFF'});
                    }
            );
            $('#dd2').hover(
                    function(){
                        $('#x2').show();
                        $('#dd2 i').hide();
                        $('#dd2').addClass('xq-bg');
                        $('#dd2 a').css({color:'#2DB59C'});
                    },
                    function(){
                        $('#x2').hide();
                        $('#dd2 i').show();
                        $('#dd2').removeClass('xq-bg');
                        $('#dd2 a').css({color:'#FFF'});
                    }
            );
            $('#dd3').hover(
                    function(){
                        $('#x3').show();
                        $('#dd3 i').hide();
                        $('#dd3').addClass('xq-bg');
                        $('#dd3 a').css({color:'#2DB59C'});
                    },
                    function(){
                        $('#x3').hide();
                        $('#dd3 i').show();
                        $('#dd3').removeClass('xq-bg');
                        $('#dd3 a').css({color:'#FFF'});
                    }
            );
            $('#dd4').hover(
                    function(){
                        $('#x4').show();
                        $('#dd4 i').hide();
                        $('#dd4').addClass('xq-bg');
                        $('#dd4 a').css({color:'#2DB59C'});
                    },
                    function(){
                        $('#x4').hide();
                        $('#dd4 i').show();
                        $('#dd4').removeClass('xq-bg');
                        $('#dd4 a').css({color:'#FFF'});
                    }
            );
            $('#dd5').hover(
                    function(){
                        $('#x5').show();
                        $('#dd5 i').hide();
                        $('#dd5').addClass('xq-bg');
                        $('#dd5 a').css({color:'#2DB59C'});
                    },
                    function(){
                        $('#x5').hide();
                        $('#dd5 i').show();
                        $('#dd5').removeClass('xq-bg');
                        $('#dd5 a').css({color:'#FFF'});
                    }
            );
            $('#dd6').hover(
                    function(){
                        $('#x6').show();
                        $('#dd6 i').hide();
                        $('#dd6').addClass('xq-bg');
                        $('#dd6 a').css({color:'#2DB59C'});
                    },
                    function(){
                        $('#x6').hide();
                        $('#dd6 i').show();
                        $('#dd6').removeClass('xq-bg');
                        $('#dd6 a').css({color:'#FFF'});
                    }
            );
            $('#dd7').hover(
                    function(){
                        $('#x7').show();
                        $('#dd7 i').hide();
                        $('#dd7').addClass('xq-bg');
                        $('#dd7 a').css({color:'#2DB59C'});
                    },
                    function(){
                        $('#x7').hide();
                        $('#dd7 i').show();
                        $('#dd7').removeClass('xq-bg');
                        $('#dd7 a').css({color:'#FFF'});
                    }
            );
//            $('#oDiv_lb span').hover(function(){
//                $(this).addClass('bg').siblings().removeClass();
//                $('#oDiv_lb img').hide().eq($(this).index()).show()
//            });
            var oDiv=document.getElementById('oDiv_lb');
            var oL=document.getElementById('left');
            var oR=document.getElementById('right');
            var aBtn=oDiv.getElementsByTagName('span');
            var aDiv=oDiv.getElementsByTagName('img');
            var num=0;
            function tad(){
                for(var i=0;i<aBtn.length;i++){
                    aBtn[i].className='';
                    aDiv[i].style.display='none';
                }
                aBtn[num].className='bg';
                aDiv[num].style.display='block';
            }
            function or(){
                num++;
                if(num==aBtn.length){
                    num=0;
                }
                tad();
            }
            function ol(){
                num--;
                if(num<0){
                    num=aBtn.length-1;
                }
                tad();
            }
            for(var i=0;i<aBtn.length;i++){
                aBtn[i].index=i;
                aBtn[i].onmouseover=function(){
                    num=this.index;
                    tad();
                }
            }
            oR.onclick=or;
            oL.onclick=ol;
            var aaa=null;
            aaa=setInterval(or,1500);
            oDiv.onmouseover=function(){
                clearInterval(aaa);
            };
            oDiv.onmouseout=function(){
                aaa=setInterval(or,1500);
            };
            $('#ksbb').hover(
                    function(){
                        $('#ksbb').css({
                            borderBottom:'1px solid #fff'
                        });
                        $('#kjbb').show();
                    },function(){
                        $('#ksbb').css({
                            borderBottom:'1px solid #E5E5E5'
                        });
                        $('#kjbb').hide();
                    }
            );
            $('#kjbb').hover(
                    function(){
                        $('#kjbb').show();
                    },function(){
                        $('#kjbb').hide();
                    }
            );
            $('#ali1').hover(
                    function(){
                        $('#ul1').show();
                        $('#ul2').hide();
                        $('#ali1').css({
                            background:'#fff',
                            borderBottom:'1px solid #fff'
                        });
                    },
                    function(){
                        $('#ali1').css({
                            background:'#F6F6F6',
                            borderBottom:'1px solid #E8E8E8'
                        });
                    }
            );
            $('#ali2').hover(
                    function(){
                        $('#ul2').show();
                        $('#ul1').hide();
                        $('#ali2').css({
                            background:'#fff',
                            borderBottom:'1px solid #fff'
                        });
                    },
                    function(){
                        $('#ali2').css({
                            background:'#F6F6F6',
                            borderBottom:'1px solid #E8E8E8'
                        });
                    }
            );
            $('#li11').hover(
                    function(){
                       $('#div11').show();
                       $('#div22').hide();
                       $('#li11').addClass('li1');
                       $('#li22').removeClass('li1');
                    }
            );
            $('#li22').hover(
                    function(){
                        $('#div11').hide();
                        $('#div22').show();
                        $('#li22').addClass('li1');
                        $('#li11').removeClass('li1');
                    }
            );
            $('#oUl2 li').hover(
                    function(){
                        $(this).addClass('li1').siblings().removeClass();
                        $('.main').hide().eq($(this).index()).show();
                    }
            );
            $('.btn i').hover(
                    function(){
                        $(this).css({background:'#000'}).siblings().css({background:'#ccc'});
                        $('#oDiv3 img').hide().eq($(this).index()).show();
                    }
            )
        });

    </script>
</head>
<body>
<!--头部开始-->
<div class="header">
    <div class="hea-box clearfix xddw" id="oli1" >
        <ul class="ul1 fl">
            <li>
                <a href="javascript:;" class="cor a1">请登录</a>
                <a href="javascript:;" class="hov">注册</a>
            </li>
        </ul>
        <ul class="ul2 fr xddw">
            <li class="clearfix li1 xddw" id="liaaa">
                <a href="javascript:;" class="cor a-bg" id="gdxx">各地学校</a>
                <i></i>
            </li>
            <li class="li1" id="zjg">
                <a href="javascript:;">子机构</a>
                <i class="i2"></i>
            </li>
            <li class="li1">
                <a href="javascript:;" class="hov">我的订单</a>
            </li>
            <li class="li1">
                <a href="javascript:;" class="hov">我的新东方</a>
            </li>
            <li class="li1" id="gwc-box">
                <a href="javascript:;" class="cor"><i class="i3"></i>购物车</a>
                <i></i>
                <!--购物车隐藏-->
                <div class="gwc-box" id="gwc"></div>
            </li>

        </ul>
        <!--各地学校隐藏-->
        <div class="gexx-box jddw clearfix" id="gedi_show">
            <ul class="fl">
                <li class="clearfix">
                    <span class="fl">A</span>
                    <p class="fl">
                        <a href="javascript:;">鞍山</a>
                        <a href="javascript:;">安阳</a>
                    </p>
                </li>
                <li class="clearfix">
                    <span class="fl">B</span>
                    <p class="fl">
                        <a href="javascript:;">北京</a>
                        <a href="javascript:;">保定</a>
                    </p>
                </li>
                <li class="clearfix">
                    <span class="fl">C</span>
                    <p class="fl">
                        <a href="javascript:;">重庆</a>
                        <a href="javascript:;">成都</a>
                        <a href="javascript:;">长沙</a>
                        <a href="javascript:;">长春</a>
                        <a href="javascript:;">沧州</a>
                    </p>
                </li>
                <li class="clearfix">
                    <span class="fl">D</span>
                    <p class="fl">
                        <a href="javascript:;">大连</a>
                        <a href="javascript:;">多伦多</a>
                    </p>
                </li>
                <li class="clearfix">
                    <span class="fl">F</span>
                    <p class="fl">
                        <a href="javascript:;">佛山</a>
                        <a href="javascript:;">福州</a>
                    </p>
                </li>
                <li class="clearfix">
                    <span class="fl">G</span>
                    <p class="fl">
                        <a href="javascript:;">广州</a>
                        <a href="javascript:;">贵阳</a>
                    </p>
                </li>
                <li class="clearfix">
                    <span class="fl">H</span>
                    <p class="fl">
                        <a href="javascript:;">哈尔滨</a>
                        <a href="javascript:;">杭州</a>
                        <a href="javascript:;">合肥</a>
                        <a href="javascript:;">呼和浩特</a>
                        <a href="javascript:;">黄石</a>
                        <a href="javascript:;">邯郸</a>
                    </p>
                </li>
                <li class="clearfix">
                    <span class="fl">J</span>
                    <p class="fl">
                        <a href="javascript:;">济南</a>
                        <a href="javascript:;">荆州</a>
                        <a href="javascript:;">吉林</a>
                    </p>
                </li>
                <li class="clearfix">
                    <span class="fl">K</span>
                    <p class="fl">
                        <a href="javascript:;">昆明</a>
                    </p>
                </li>
            </ul>
            <ul class="fl">
                <li class="clearfix">
                    <span class="fl">L</span>
                    <p class="fl">
                        <a href="javascript:;">鞍山</a>
                        <a href="javascript:;">安阳</a>
                    </p>
                </li>
                <li class="clearfix">
                    <span class="fl">N</span>
                    <p class="fl">
                        <a href="javascript:;">北京</a>
                        <a href="javascript:;">保定</a>
                    </p>
                </li>
                <li class="clearfix">
                    <span class="fl">Q</span>
                    <p class="fl">
                        <a href="javascript:;">重庆</a>
                        <a href="javascript:;">成都</a>
                        <a href="javascript:;">长沙</a>
                        <a href="javascript:;">长春</a>
                        <a href="javascript:;">沧州</a>
                    </p>
                </li>
                <li class="clearfix">
                    <span class="fl">S</span>
                    <p class="fl">
                        <a href="javascript:;">大连</a>
                        <a href="javascript:;">多伦多</a>
                    </p>
                </li>
                <li class="clearfix">
                    <span class="fl">T</span>
                    <p class="fl">
                        <a href="javascript:;">佛山</a>
                        <a href="javascript:;">福州</a>
                    </p>
                </li>
                <li class="clearfix">
                    <span class="fl">W</span>
                    <p class="fl">
                        <a href="javascript:;">广州</a>
                        <a href="javascript:;">贵阳</a>
                    </p>
                </li>
                <li class="clearfix">
                    <span class="fl">X</span>
                    <p class="fl">
                        <a href="javascript:;">哈尔滨</a>
                        <a href="javascript:;">杭州</a>
                        <a href="javascript:;">合肥</a>
                        <a href="javascript:;">呼和浩特</a>
                        <a href="javascript:;">黄石</a>
                        <a href="javascript:;">邯郸</a>
                    </p>
                </li>
                <li class="clearfix">
                    <span class="fl">Y</span>
                    <p class="fl">
                        <a href="javascript:;">济南</a>
                        <a href="javascript:;">荆州</a>
                        <a href="javascript:;">吉林</a>
                    </p>
                </li>
                <li class="clearfix">
                    <span class="fl">Z</span>
                    <p class="fl">
                        <a href="javascript:;">昆明</a>
                    </p>
                </li>
            </ul>
        </div>
        <!--子机构隐藏-->
        <div class="zjg clearfix jddw" id="zjg_show">
            <ul class="fl">
                <li>
                    <a href="javascript:;">新东方在线</a>
                </li>
                <li>
                    <a href="javascript:;">新东方大愚图书</a>
                </li>
                <li>
                    <a href="javascript:;">家庭教育中心</a>
                </li>
                <li>
                    <a href="javascript:;">新东方OKAY</a>
                </li>
                <li>
                    <a href="javascript:;">新东方百学汇</a>
                </li>
            </ul>
            <ul class="fl">
                <li>
                    <a href="javascript:;">满天星幼儿园</a>
                </li>
                <li>
                    <a href="javascript:;">迈格森国际教育</a>
                </li>
                <li>
                    <a href="javascript:;">泡泡少儿教育</a>
                </li>
                <li>
                    <a href="javascript:;">北京新东方外国语</a>
                </li>
                <li>
                    <a href="javascript:;">扬州国际高中</a>
                </li>
                <li>
                    <a href="javascript:;">扬州外国语学校</a>
                </li>
                <li>
                    <a href="javascript:;">北美留学直通车</a>
                </li>
                <li>
                    <a href="javascript:;">优能中学教育</a>
                </li>
                <li>
                    <a href="javascript:;">同文高考学校</a>
                </li>
            </ul>
            <ul class="fl">
                <li>
                    <a href="javascript:;">前途出国</a>
                </li>
                <li>
                    <a href="javascript:;">国际游学</a>
                </li>
                <li>
                    <a href="javascript:;">酷学酷玩夏冬令营</a>
                </li>
                <li>
                    <a href="javascript:;">批改网</a>
                </li>
                <li>
                    <a href="javascript:;">留留学</a>
                </li>
                <li>
                    <a href="javascript:;">小语种</a>
                </li>
                <li>
                    <a href="javascript:;">乐词</a>
                </li>
            </ul>
        </div>

    </div>
</div>
<!--内容部分开始-->
<div class="wrapper">
    <!--广告-->
    <div class="gg">
        <a href="javascript:;"><img src="images/gg.fw.png" alt=""></a>
    </div>
    <!--logo-->
    <div class="logo-box clearfix">
        <div class="logo fl">
            <h1 class=" fl">
                <a href="javascript:;">新东方</a>
            </h1>
            <div class="xddw" id="oAs_box">
                <ul class="fl">
                    <li class="fl">鞍山<i class="fr"></i></li>
                </ul>
                <!--鞍山隐藏-->
                <div id="oAs_show" class="as-box clearfix">
                    <div class=""><a href="javascript:;">返回当前城市</a></div>
                    <dl class="fl">
                        <dd class="clearfix">
                            <span class="fl">A</span>
                            <p class="fl">
                                <a href="javascript:;">鞍山</a>
                                <a href="javascript:;">安阳</a>
                            </p>
                        </dd>
                        <dd class="clearfix">
                            <span class="fl">B</span>
                            <p class="fl">
                                <a href="javascript:;">北京</a>
                                <a href="javascript:;">保定</a>
                            </p>
                        </dd>
                        <dd class="clearfix">
                            <span class="fl">C</span>
                            <p class="fl">
                                <a href="javascript:;">重庆</a>
                                <a href="javascript:;">成都</a>
                                <a href="javascript:;">长沙</a>
                                <a href="javascript:;">长春</a>
                                <a href="javascript:;">沧州</a>
                            </p>
                        </dd>
                        <dd class="clearfix">
                            <span class="fl">D</span>
                            <p class="fl">
                                <a href="javascript:;">大连</a>
                                <a href="javascript:;">多伦多</a>
                            </p>
                        </dd>
                        <dd class="clearfix">
                            <span class="fl">F</span>
                            <p class="fl">
                                <a href="javascript:;">佛山</a>
                                <a href="javascript:;">福州</a>
                            </p>
                        </dd>
                        <dd class="clearfix">
                            <span class="fl">G</span>
                            <p class="fl">
                                <a href="javascript:;">广州</a>
                                <a href="javascript:;">贵阳</a>
                            </p>
                        </dd>
                        <dd class="clearfix">
                            <span class="fl">H</span>
                            <p class="fl">
                                <a href="javascript:;">哈尔滨</a>
                                <a href="javascript:;">杭州</a>
                                <a href="javascript:;">合肥</a>
                                <a href="javascript:;">呼和浩特</a>
                                <a href="javascript:;">黄石</a>
                                <a href="javascript:;">邯郸</a>
                            </p>
                        </dd>
                        <dd class="clearfix">
                            <span class="fl">J</span>
                            <p class="fl">
                                <a href="javascript:;">济南</a>
                                <a href="javascript:;">荆州</a>
                                <a href="javascript:;">吉林</a>
                            </p>
                        </dd>
                        <dd class="clearfix">
                            <span class="fl">K</span>
                            <p class="fl">
                                <a href="javascript:;">昆明</a>
                            </p>
                        </dd>
                    </dl>
                    <dl class="fl">
                        <dd class="clearfix">
                            <span class="fl">A</span>
                            <p class="fl">
                                <a href="javascript:;">鞍山</a>
                                <a href="javascript:;">安阳</a>
                            </p>
                        </dd>
                        <dd class="clearfix">
                            <span class="fl">B</span>
                            <p class="fl">
                                <a href="javascript:;">北京</a>
                                <a href="javascript:;">保定</a>
                            </p>
                        </dd>
                        <dd class="clearfix">
                            <span class="fl">C</span>
                            <p class="fl">
                                <a href="javascript:;">重庆</a>
                                <a href="javascript:;">成都</a>
                                <a href="javascript:;">长沙</a>
                                <a href="javascript:;">长春</a>
                                <a href="javascript:;">沧州</a>
                            </p>
                        </dd>
                        <dd class="clearfix">
                            <span class="fl">D</span>
                            <p class="fl">
                                <a href="javascript:;">大连</a>
                                <a href="javascript:;">多伦多</a>
                            </p>
                        </dd>
                        <dd class="clearfix">
                            <span class="fl">F</span>
                            <p class="fl">
                                <a href="javascript:;">佛山</a>
                                <a href="javascript:;">福州</a>
                            </p>
                        </dd>
                        <dd class="clearfix">
                            <span class="fl">G</span>
                            <p class="fl">
                                <a href="javascript:;">广州</a>
                                <a href="javascript:;">贵阳</a>
                            </p>
                        </dd>
                        <dd class="clearfix">
                            <span class="fl">H</span>
                            <p class="fl">
                                <a href="javascript:;">哈尔滨</a>
                                <a href="javascript:;">杭州</a>
                                <a href="javascript:;">合肥</a>
                                <a href="javascript:;">呼和浩特</a>
                                <a href="javascript:;">黄石</a>
                                <a href="javascript:;">邯郸</a>
                            </p>
                        </dd>
                        <dd class="clearfix">
                            <span class="fl">J</span>
                            <p class="fl">
                                <a href="javascript:;">济南</a>
                                <a href="javascript:;">荆州</a>
                                <a href="javascript:;">吉林</a>
                            </p>
                        </dd>
                        <dd class="clearfix">
                            <span class="fl">K</span>
                            <p class="fl">
                                <a href="javascript:;">昆明</a>
                            </p>
                        </dd>
                    </dl>
                </div>
            </div>

        </div>
        <!--搜索-->
        <div class="searth fr">
            <div class="searth-box">
                <input type="text" value="课程或班号" class="txt fl" />
                <input type="button" class="btn fl" />
                <a href="javascript:;">新东方网络排课程</a>
                <a href="javascript:;">思雅</a>
                <a href="javascript:;">托福</a>
                <a href="javascript:;">大学预科</a>
                <a href="javascript:;">高中预科</a>
            </div>
        </div>
    </div>
    <!--导航部分-->
    <div class="nav-box clearfix">
        <div class="sidebar fl">
            <dl>
                <dt><span>课程导航</span></dt>
                <dd class="clearfix xddw" id="dd1">
                    <a href="javascript:;">学前课程</a><i></i>
                    <!--学前隐藏-->
                    <div class="xq-box jddw" id="x1">
                        <h4 class="xq-box-title">幼儿</h4>
                        <ul class="clearfix ">
                            <li class="fl"><a href="javascript:;">英语</a></li>
                            <li class="fl"><a href="javascript:;">数学</a></li>
                            <li class="fl"><a href="javascript:;">语文</a></li>
                        </ul>
                        <h4 class="xq-box-title">幼小链接</h4>
                        <ul class="clearfix ">
                            <li class="fl"><a href="javascript:;">英语</a></li>
                            <li class="fl"><a href="javascript:;">数学</a></li>
                            <li class="fl"><a href="javascript:;">语文</a></li>
                        </ul>
                    </div>
                </dd>
                <dd class="clearfix xddw" id="dd2">
                    <a href="javascript:;">小学课程</a><i></i>
                    <!--小学隐藏-->
                    <div class="xq-box jddw xq-box-2" id="x2">
                        <h4 class="xq-box-title">一年级</h4>
                        <ul class="clearfix ">
                            <li class="fl"><a href="javascript:;">英语</a></li>
                            <li class="fl"><a href="javascript:;">数学</a></li>
                            <li class="fl"><a href="javascript:;">语文</a></li>
                        </ul>
                        <h4 class="xq-box-title">二年级</h4>
                        <ul class="clearfix ">
                            <li class="fl"><a href="javascript:;">英语</a></li>
                            <li class="fl"><a href="javascript:;">数学</a></li>
                            <li class="fl"><a href="javascript:;">语文</a></li>
                        </ul>
                    </div>

                </dd>
                <dd class="clearfix xddw" id="dd3">
                    <a href="javascript:;">中学课程</a><i></i>
                    <div class="xq-box jddw xq-box-3" id="x3">
                        <h4 class="xq-box-title">初一</h4>
                        <ul class="clearfix ">
                            <li class="fl"><a href="javascript:;">英语</a></li>
                            <li class="fl"><a href="javascript:;">数学</a></li>
                            <li class="fl"><a href="javascript:;">语文</a></li>
                        </ul>
                        <h4 class="xq-box-title">初二</h4>
                        <ul class="clearfix ">
                            <li class="fl"><a href="javascript:;">英语</a></li>
                            <li class="fl"><a href="javascript:;">数学</a></li>
                            <li class="fl"><a href="javascript:;">语文</a></li>
                        </ul>
                    </div>
                </dd>
                <dd class="clearfix xddw" id="dd4">
                    <a href="javascript:;">大学考试</a><i></i>
                    <div class="xq-box jddw xq-box-4" id="x4">
                        <h4 class="xq-box-title">大学考级</h4>
                        <ul class="clearfix ">
                            <li class="fl"><a href="javascript:;">英语</a></li>
                            <li class="fl"><a href="javascript:;">数学</a></li>
                            <li class="fl"><a href="javascript:;">语文</a></li>
                        </ul>
                        <h4 class="xq-box-title">考研公共课</h4>
                        <ul class="clearfix ">
                            <li class="fl"><a href="javascript:;">英语</a></li>
                            <li class="fl"><a href="javascript:;">数学</a></li>
                            <li class="fl"><a href="javascript:;">语文</a></li>
                        </ul>
                    </div>
                </dd>
                <dd class="clearfix xddw" id="dd5">
                    <a href="javascript:;" >英语学习</a><i></i>
                    <div class="xq-box jddw xq-box-5" id="x5">
                        <h4 class="xq-box-title">新概念</h4>
                        <ul class="clearfix ">
                            <li class="fl"><a href="javascript:;">英语</a></li>
                            <li class="fl"><a href="javascript:;">数学</a></li>
                            <li class="fl"><a href="javascript:;">语文</a></li>
                        </ul>
                        <h4 class="xq-box-title">读写拔高</h4>
                        <ul class="clearfix ">
                            <li class="fl"><a href="javascript:;">英语</a></li>
                            <li class="fl"><a href="javascript:;">数学</a></li>
                            <li class="fl"><a href="javascript:;">语文</a></li>
                        </ul>
                    </div>
                </dd>
                <dd class="clearfix xddw" id="dd6">
                    <a href="javascript:;">出国留学</a><i></i>
                    <div class="xq-box jddw xq-box-6" id="x6">
                        <h4 class="xq-box-title">语言考试</h4>
                        <ul class="clearfix ">
                            <li class="fl"><a href="javascript:;">英语</a></li>
                            <li class="fl"><a href="javascript:;">数学</a></li>
                            <li class="fl"><a href="javascript:;">语文</a></li>
                        </ul>
                        <h4 class="xq-box-title">中学入学考试</h4>
                        <ul class="clearfix ">
                            <li class="fl"><a href="javascript:;">英语</a></li>
                            <li class="fl"><a href="javascript:;">数学</a></li>
                            <li class="fl"><a href="javascript:;">语文</a></li>
                        </ul>
                    </div>
                </dd>
                <dd class="clearfix xddw" id="dd7">
                    <a href="javascript:;">夏冬令营</a><i></i>
                    <div class="xq-box jddw xq-box-7" id="x7">
                        <h4 class="xq-box-title">学习营</h4>
                        <ul class="clearfix ">
                            <li class="fl"><a href="javascript:;">英语</a></li>
                            <li class="fl"><a href="javascript:;">数学</a></li>
                            <li class="fl"><a href="javascript:;">语文</a></li>
                        </ul>
                        <h4 class="xq-box-title">素质提高营</h4>
                        <ul class="clearfix ">
                            <li class="fl"><a href="javascript:;">英语</a></li>
                            <li class="fl"><a href="javascript:;">数学</a></li>
                            <li class="fl"><a href="javascript:;">语文</a></li>
                        </ul>
                    </div>
                </dd>
            </dl>
        </div>
        <div class="nav fl">
            <ul class="clearfix">
                <li><a href="javascript:;">小学辅导</a></li>
                <li><a href="javascript:;">中学辅导</a></li>
                <li><a href="javascript:;">大学辅导</a></li>
                <li><a href="javascript:;">英语辅导</a></li>
                <li><a href="javascript:;">出国留学</a></li>
                <li><a href="javascript:;">名师查询</a></li>
            </ul>
        </div>
        <div class="news fl">
            <div class="news-l fl" id="oDiv_lb">
                <a href="javascript:;" id="left">←</a>
                <a href="javascript:;" id="right">→</a>
                <img src="images/f1.jpeg" alt="" style="display: block">
                <img src="images/f2.jpeg" alt="">
                <img src="images/f3.jpeg" alt="">
                <img src="images/f4.jpeg" alt="">
                <img src="images/f5.jpeg" alt="">
                <img src="images/f6.jpeg" alt="">
                <p class="op clearfix">
                    <span class="bg"></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </p>
            </div>
            <div class="news-r fr">
                <div class="news-r-t xddw">
                    <ul class="clearfix xddw" >
                        <li id="ksbb" class="xddw" style="z-index:1">
                            <img src="images/a1.fw.png" alt="">
                            <p>快捷报班</p>
                        </li>
                        <li>
                            <img src="images/a2.fw.png" alt="">
                            <p>考试阅历</p>
                        </li>
                        <li>
                            <img src="images/a3.fw.png" alt="">
                            <p>校区查询</p>
                        </li>
                        <li>
                            <img src="images/a4.fw.png" alt="">
                            <p>热销</p>
                        </li>
                        <li>
                            <img src="images/a5.fw.png" alt="">
                            <p>院校库</p>
                        </li>
                        <li>
                            <img src="images/a6.fw.png" alt="">
                            <p>在线测评</p>
                        </li>
                    </ul>
                    <div class="kjbb jddw" id="kjbb">
                        这里有点内容
                    </div>
                </div>
                <div class="news-r-b">
                    <ul class="clearfix ul1">
                        <li class="li1" id="ali1"><a href="javascript:;">最新活动</a></li>
                        <li class="li2" id="ali2"><a href="javascript:;">集团新闻</a></li>
                    </ul>
                    <div class="news-r-cen">
                        <ul class="ul2" id="ul1">
                            <li class="clearfix">
                                <i></i>
                                <a href="javascript:;">新东方托福 多样班型满足不同需求</a>
                            </li>
                            <li class="clearfix">
                                <i></i>
                                <a href="javascript:;">1500元留学梦想基金免费领</a>
                            </li>
                            <li class="clearfix">
                                <i></i>
                                <a href="javascript:;">2017年北京中学暑假住宿班限时优惠</a>
                            </li>
                            <li class="clearfix">
                                <i></i>
                                <a href="javascript:;">2007年寒假新概念报班优惠来啦!</a>
                            </li>
                            <li class="clearfix">
                                <i></i>
                                <a href="javascript:;">雅思备考 便捷高效 专业为我</a>
                            </li>
                        </ul>
                        <ul class="ul2" id="ul2">
                            <li class="clearfix">
                                <i></i>
                                <a href="javascript:;">aaaaa 多样班型满足不同需求</a>
                            </li>
                            <li class="clearfix">
                                <i></i>
                                <a href="javascript:;">1500元留学梦想基金免费领</a>
                            </li>
                            <li class="clearfix">
                                <i></i>
                                <a href="javascript:;">2017年北京中学暑假住宿班限时优惠</a>
                            </li>
                            <li class="clearfix">
                                <i></i>
                                <a href="javascript:;">2007年寒假新概念报班优惠来啦!</a>
                            </li>
                            <li class="clearfix">
                                <i></i>
                                <a href="javascript:;">雅思备考 便捷高效 专业为我</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!--推荐部分-->
    <div class="tj-box clearfix">
        <img src="images/b1.fw.png" alt="">
        <a href="javascript:;">
            <img src="images/b2.fw.png" alt="">
        </a>
        <a href="javascript:;">
            <img src="images/b3.fw.png" alt="">
        </a>
        <a href="javascript:;">
            <img src="images/b4.fw.png" alt="">
        </a>
        <a href="javascript:;">
            <img src="images/b5.fw.png" alt="">
        </a>
        <a href="javascript:;">
            <img src="images/b6.fw.png" alt="">
        </a>
        <a href="javascript:;">
            <img src="images/b7.fw.png" alt="">
        </a>
    </div>
    <!--广告-->
    <div class="gg">
        <a href="javascript:;"><img src="images/b8.fw.png" alt=""></a>
    </div>
    <!--优选小标题-->
    <div class="yk-box clearfix">
        <h4 class="fl">优选课程为你推荐</h4>
        <ul class="fr">
            <li class="fl li1" id="li11">大学考试</li>
            <li class="fl" id="li22">小学辅导</li>
        </ul>
    </div>
    <!--推荐展示-->
    <div class="zs-box clearfix" id="div11">
        <div class="fl div1">
            <a href="javascript:;"><img src="images/c1.fw.png" alt=""></a>
            <p><a href="javascript:;">考研英语基础班</a></p>
        </div>
        <div class="fl div1">
            <a href="javascript:;"><img src="images/c2.fw.png" alt=""></a>
            <p><a href="javascript:;">四级冲刺班</a></p>
        </div>
        <div class="fl div1">
            <a href="javascript:;"><img src="images/c3.fw.png" alt=""></a>
            <p><a href="javascript:;">六级强化班</a></p>
        </div>
        <div class="fl div2">
            <a href="javascript:;"><img src="images/c4.fw.png" alt=""></a>
            <p><a href="javascript:;">考研英语强化班</a></p>
        </div>
    </div>
    <div class="zs-box clearfix" id="div22">
        <div class="fl div1">
            <a href="javascript:;"><img src="images/c1.fw.png" alt=""></a>
            <p><a href="javascript:;">aaaaaaaaa</a></p>
        </div>
        <div class="fl div1">
            <a href="javascript:;"><img src="images/c2.fw.png" alt=""></a>
            <p><a href="javascript:;">bbbbbbbbb</a></p>
        </div>
        <div class="fl div1">
            <a href="javascript:;"><img src="images/c3.fw.png" alt=""></a>
            <p><a href="javascript:;">六级强化班</a></p>
        </div>
        <div class="fl div2">
            <a href="javascript:;"><img src="images/c4.fw.png" alt=""></a>
            <p><a href="javascript:;">考研英语强化班</a></p>
        </div>
    </div>
    <!--咨询部分-->
    <div class="zx-box clearfix xddw">
        <div class="zx-box-l fl" id="oDiv2">
            <div class="bt-box fl">
                <h4 class="fl">资讯</h4>
                <ul class="fl" id="oUl2">
                    <li class="fl li1" id="aLi11">中学</li>
                    <li class="fl" id="aLi22">大学</li>
                    <li class="fl" id="aLi33">留学</li>
                    <li class="fl" id="aLi44">英语学习</li>
                    <li class="fl" id="aLi55">幼儿学习</li>
                </ul>
            </div>
            <div class="main fl jddw" id="aDiv1" style="top:43px;display: block">
                <div class="main-l fl">
                    <div class="main-l-news">
                        <h4>
                            <a href="javascript:;">高考改革方案出炉</a>
                            <a href="javascript:;">高三一轮复习规划</a>
                            <a href="javascript:;">2017年高考报名指南</a>
                        </h4>
                        <ul>
                            <li>
                                <a href="javascript:;">热点 :</a>
                                <a href="javascript:;">2017年海军招收飞行员简章</a><span>|</span><a href="javascript:;">新高三学霸蜕变计划</a><span>|</span><a href="javascript:;">高三学生住宿利弊</a>
                            </li>
                            <li>
                                <a href="javascript:;">备考 :</a>
                                <a href="javascript:;">高三语文一轮复习指导</a><span>|</span><a href="javascript:;">英语</a><span>|</span><a href="javascript:;">数学</a><span>|</span><a href="javascript:;">物理</a><span>|</span><a href="javascript:;">化学</a><span>|</span><a href="javascript:;">生物</a><span>|</span><a href="javascript:;">政治</a><span>|</span><a href="javascript:;">历史</a><span>|</span><a href="javascript:;">地理</a>
                            </li>
                            <li>
                                <a href="javascript:;">试题 :</a>
                                <a href="javascript:;">2016</a><span>|</span><a href="javascript:;">2015</a><span>|</span><a href="javascript:;">2014</a><span>|</span><a href="javascript:;">2013</a><span>|</span><a href="javascript:;">2012</a><span>|</span><a href="javascript:;">2011</a><span>|</span><a href="javascript:;">一模</a><span>|</span><a href="javascript:;">二模三模</a><span>|</span><a href="javascript:;">期中期末</a>
                            </li>
                            <li>
                                <a href="javascript:;">工具 :</a>
                                <a href="javascript:;">查分</a><span>|</span><a href="javascript:;">理历年分数线</a><span>|</span><a href="javascript:;">状元笔记</a><span>|</span><a href="javascript:;">满分作文</a><span>|</span><a href="javascript:;">填报志愿</a><span>|</span><a href="javascript:;">专业手册</a><span>|</span><a href="javascript:;">招生简章</a>
                            </li>
                        </ul>
                    </div>
                    <div class="main-l-news">
                        <h4 class="col">
                            <a href="javascript:;">2017北京初三上期末试题答案</a>
                            <a href="javascript:;">2017年上海中考一模答案</a>
                        </h4>
                        <ul class="ul1">
                            <li>
                                <a href="javascript:;">[备考类]</a>
                                <a href="javascript:;">武汉初三月调考历年真题</a><span>|</span><a href="javascript:;">中考数学选择易错题</a><span>|</span><a href="javascript:;">中考英语话题作文题目</a>
                            </li>
                            <li>
                                <a href="javascript:;">[物化生]</a>
                                <a href="javascript:;">新初三开学物理测试题</a><span>|</span><a href="javascript:;">初三化学各章节同步解析</a><span>|</span><a href="javascript:;">生物知识点记忆口诀</a>
                            </li>
                            <li>
                                <a href="javascript:;">[史地政]</a>
                                <a href="javascript:;">中考历史选择题100题</a><span>|</span><a href="javascript:;">中考地理经典试题16篇</a><span>|</span><a href="javascript:;">中考政治事实热点</a>
                            </li>
                            <li>
                                <a href="javascript:;">[读书笔记]</a>
                                <a href="javascript:;">老人与海</a><span>|</span><a href="javascript:;">骆驼祥子</a><span>|</span><a href="javascript:;">水浒传</a><span>|</span><a href="javascript:;">平凡的世界</a><span>|</span><a href="javascript:;">海底两万里</a><span>|</span><a href="javascript:;">伯雷家书</a>
                            </li>
                            <li>
                                <a href="javascript:;">[历史真题]</a>
                                <a href="javascript:;">2016</a><span>|</span><a href="javascript:;">2015</a><span>|</span><a href="javascript:;">2014</a><span>|</span><a href="javascript:;">2013</a><span>|</span><a href="javascript:;">2012</a><span>|</span><a href="javascript:;">历年上海物理大同杯竞赛试题</a>
                            </li>
                        </ul>
                    </div>
                    <div class="main-l-t">
                        <div class="main-l-t-zs clearfix">
                            <img src="images/e1.fw.png" alt="" class="fl">
                            <p class="p1">
                                <a href="javascript:;">2017绍兴首批普通高中重点特色学科全市招</a>
                            </p>
                            <p class="p2">
                               重2017年开始,绍兴市首批重点特色科学学校可面向全市招收具有科学特长的应届毕业生...
                            </p>
                        </div>
                        <div class="main-l-t-zs clearfix">
                            <img src="images/e2.fw.png" alt="" class="fl">
                            <p class="p1">
                                <a href="javascript:;">2017绍兴首批普通高中重点特色学科全市招</a>
                            </p>
                            <p class="p2">
                                重2017年开始,绍兴市首批重点特色科学学校可面向全市招收具有科学特长的应届毕业生...
                            </p>
                        </div>
                        <div class="main-l-t-zs clearfix">
                            <img src="images/e3.fw.png" alt="" class="fl">
                            <p class="p1">
                                <a href="javascript:;">2017绍兴首批普通高中重点特色学科全市招</a>
                            </p>
                            <p class="p2">
                                重2017年开始,绍兴市首批重点特色科学学校可面向全市招收具有科学特长的应届毕业生...
                            </p>
                        </div>
                    </div>
                </div>
                <div class="main-r fr">
                    <div class="main-r-t" id="oDiv3">
                        <img src="images/e4.jpg" alt="">
                        <img src="images/e5.jpg" alt="" style="display: none">
                        <p></p>
                        <span>高中生开学季学习计划</span>
                        <div class="btn clearfix">
                            <i class="fl i-bg"></i>
                            <i class="fl"></i>
                        </div>
                    </div>
                    <div class="main-r-m clearfix">
                        <img src="images/e5.fw.png" alt="" class="fl">
                        <p class="p1">2016高考查分</p>
                        <p class="p2">2016高考录取批次线高考成绩查询 高校信息查询</p>
                    </div>
                    <div class="main-r-b clearfix">
                        <img src="images/e6.fw.png" alt="" class="fl">
                        <p class="p1">2016高考查分</p>
                        <p class="p2">2016高考录取批次线高考成绩查询 高校信息查询</p>
                    </div>
                </div>
            </div>
            <div id="aDiv2" class="main">222</div>
            <div id="aDiv3" class="main">333</div>
            <div id="aDiv4" class="main">444</div>
            <div id="aDiv5" class="main">555</div>
        </div>
        <div class="zx-box-r fr">
            <div class="bt-box-r">
                <h4>品牌专区</h4>
            </div>
            <ul>
                <li><a href="javascrippt:;"><img src="images/d1.fw.png" alt=""></a></li>
                <li><a href="javascrippt:;"><img src="images/d2.fw.png" alt=""></a></li>
                <li><a href="javascrippt:;"><img src="images/d3.fw.png" alt=""></a></li>
                <li><a href="javascrippt:;"><img src="images/d4.fw.png" alt=""></a></li>
                <li><a href="javascrippt:;"><img src="images/d5.fw.png" alt=""></a></li>
                <li><a href="javascrippt:;"><img src="images/d13.fw.png" alt=""></a></li>
                <li><a href="javascrippt:;"><img src="images/d6.fw.png" alt=""></a></li>
                <li><a href="javascrippt:;"><img src="images/d7.fw.png" alt=""></a></li>
                <li><a href="javascrippt:;"><img src="images/d8.fw.png" alt=""></a></li>
                <li><a href="javascrippt:;"><img src="images/d9.fw.png" alt=""></a></li>
                <li><a href="javascrippt:;"><img src="images/d10.fw.png" alt=""></a></li>
                <li><a href="javascrippt:;"><img src="images/d11.fw.png" alt=""></a></li>
                <li><a href="javascrippt:;"><img src="images/d12.fw.png" alt=""></a></li>
            </ul>
        </div>
    </div>
    <!--友情链接-->
    <div class="friendlink">
        <p>友情链接</p>
        <p>
            <a href="javascript:;">搜狐教育</a>
            <a href="javascript:;">人民网教育</a>
            <a href="javascript:;">新浪教育</a>
            <a href="javascript:;">凤凰网教育</a>
            <a href="javascript:;">新东方在线</a>
            <a href="javascript:;">华图教育</a>
            <a href="javascript:;">新东方前途出国</a>
            <a href="javascript:;">高顿网校</a>
            <a href="javascript:;">出国留学</a>
            <a href="javascript:;">职上网</a>
            <a href="javascript:;">爱乐奇</a>
            <a href="javascript:;">尚德</a>
            <a href="javascript:;">决胜网</a>
            <a href="javascript:;">乐博乐博</a>
            <a href="javascript:;">留留学</a>
        </p>
    </div>
    <!--页脚部分-->
    <div class="footer clearfix">
        <dl class="fl">
            <dt>关于新东方</dt>
            <dd><a href="javascript:;">发展历程</a></dd>
            <dd><a href="javascript:;">管理团队</a></dd>
            <dd><a href="javascript:;">企业文化</a></dd>
            <dd><a href="javascript:;">旗下品牌</a></dd>
            <dd><a href="javascript:;">企业微博</a></dd>
            <dd><a href="javascript:;">加入我们</a></dd>
        </dl>
        <dl class="fl">
            <dt>新手帮助</dt>
            <dd><a href="javascript:;">注册流程</a></dd>
            <dd><a href="javascript:;">选课流程</a></dd>
            <dd><a href="javascript:;">网报流程</a></dd>
            <dd><a href="javascript:;">校区和报名点查询</a></dd>
            <dd><a href="javascript:;">下载一卡通二维码</a></dd>
            <dd><a href="javascript:;">修改一卡通密码</a></dd>
        </dl>
        <dl class="fl">
            <dt>常见问题</dt>
            <dd><a href="javascript:;">学员号</a></dd>
            <dd><a href="javascript:;">一卡通</a></dd>
            <dd><a href="javascript:;">会员积分制度</a></dd>
            <dd><a href="javascript:;">积分消费密码</a></dd>
        </dl>
        <dl class="fl">
            <dt>支付方式</dt>
            <dd><a href="javascript:;">网上支付</a></dd>
            <dd><a href="javascript:;">现场支付</a></dd>
            <dd><a href="javascript:;">电话支付</a></dd>
            <dd><a href="javascript:;">汇款支付</a></dd>
            <dd><a href="javascript:;">手机支付</a></dd>
        </dl>
        <dl class="fl">
            <dt>联系我们</dt>
            <dd><a href="javascript:;">校区电话</a></dd>
            <dd><a href="javascript:;">意见建议</a></dd>
            <dd><a href="javascript:;">联系邮箱</a></dd>
        </dl>
        <dl class="fl dl1">
            <dt>企业官网</dt>
            <dd><a href="javascript:;">法律声明</a></dd>
            <dd><a href="javascript:;">社会责任</a></dd>
            <dd><a href="javascript:;">教育导航</a></dd>
        </dl>





    </div>
    <!--版权部分-->
    <div class="copyright">
        <p>
            经营许可证编号：京ICP备05067667　 <span>|</span> 　京ICP证060601号 　<span>|</span>　 京网文(2016)5762-750号 　<span>|</span> 　京公网安备 11010802021790号
        </p>
        <p>
            Copyright 2011-2016 Neworiental Corporation, All Rights Reserved
        </p>
    </div>
</div>
</body>
</html>